@charset "utf-8";
/* CSS Document */

.UserIcoBar{width:100%;background:#339efe;display:inline-block;padding-bottom:5px}
.UserIcoBar p{width:100%;float:left;padding:15px 0}
.UserIcoBar p .UserIco{width:30%;height:0;padding:15% 0;margin:0 auto;position:relative;display:inline-block}
.UserIcoBar p .UserIco .Icon{width:100%;border-radius:100%;border:5px solid #fff;overflow:hidden;position:absolute;left:0;top:0}
.UserIcoBar p .UserIco .Level{position:absolute;bottom:0;right:0;zoom:.8}

.UserIcoBar p .UserInfo{margin:0 auto;display:inline-block;color:#fff;line-height:2em;font-size:.8em}
.UserIcoBar p .UserInfo b{float:left;padding-right:.8em;font-weight:normal}
.UserIcoBar p .UserInfo i{background:#ff8400;float:left;font-style:normal;padding:0 1em;border-radius:4px;}
.UserIcoBar p .UserInfo a{color:#fff;padding-left:2em;background:url(../Images/Phone.png) .8em 0 no-repeat;font-size:1.25em;zoom:.8}

.UserItem{width:100%;border-top:10px solid #f1f1f1;display:inline-block;margin-top:-5px}
.UserItem li{line-height:3.2em;font-size:.8em;color:#333;text-align:left;position:relative;padding-left:5.5em;float:left;width:100%;}
.UserItem li span{width:100%;padding:0 1.5em 0 .2em;float:right;border-bottom:1px solid #eee;margin-top:-1px;position:relative;}
.UserItem li span img{position:absolute;right:1em;top:1.1em;height:1.2em}
.UserItem li b{width:3em;height:3em;border-radius:100%;zoom:.8;position:absolute;left:1.2em;top:.55em;font-weight:normal;color:#fff;line-height:3em;text-align:center}
.UserItem li:hover{background:#f5f5f5}

@media screen and (min-width:600px){
 	.UserIcoBar p{width:50%;padding:0 0 30px 0;}
	.UserIcoBar p .UserIco{width:40%;padding:20% 0;float:right;margin-right:3em;position:relative;}
	.UserIcoBar p .UserInfo{margin:3.5em 0 0 0;float:left}
}

.ContactSelf{width:94%;margin:15px 3%;border:2px solid #339efe;border-radius:6px;height:2.2em;background:#fff}
.ContactSelf b{font-weight:normal;padding-left:2em;zoom:.8;font-size:1em;line-height:2.75em;background:url(../Images/CallIco.png) left 10px no-repeat;display:inline-block;margin:0 auto;color:#339efe}
.ContactSelf:hover{background:#339efe}
.ContactSelf:hover b{background:url(../Images/CallIco.png) left -99px no-repeat;color:#fff}

.ContactTip{width:94%;padding:15px 3%;font-size:.8em;color:#333;display:inline-block;line-height:2.2em}

.MyCardBox{width:94%;margin:10px 3%;display:inline-block}
.MyCardBox li{width:96%;border-radius:6px;padding:15px 2%;float:left;margin-top:10px;position:relative;
  background: -webkit-linear-gradient(left, #1fd1e6 , #33affe);
  background: -o-linear-gradient(right, #1fd1e6, #33affe); 
  background: -moz-linear-gradient(right, #1fd1e6, #33affe); 
  background: linear-gradient(to right, #1fd1e6 , #33affe);}
  
.MyCardBox li .CardImg{width:70px;height:70px;background:#fff;border-radius:100%;position:absolute;left:2%;top:20px;}  
.MyCardBox li .CardImg img{height:52px;margin:9px auto;}
.MyCardBox li .CardCla{width:60%;padding-left:80px;text-align:left;line-height:1.5em;color:#fff;float:left}
.MyCardBox li .CardCla b{width:100%;display:inline-block;font-size:.8em}
.MyCardBox li .CardCla span{font-size:.7em;width:100%;display:inline-block}

.MyCardBox li .CardNum{width:40%;float:right;font-size:.8em;line-height:2.2em}
.MyCardBox li .CardNum span{float:right;color:#fff;padding:0 1em;background:#ff9c00;border-radius:4px;}
.MyCardBox li .CardNum b{color:#fff;width:100%;text-align:right;float:right}

.SumMoney{background:#339efe;width:94%;padding:15px 3% 25px 3%;position:relative;float:left;min-height:80px;}
.SumMoney .Diamond{width:80px;background:#fff;height:80px;border-radius:100%;border:4px solid #7fc2ff;left:3%;top:10px;position:absolute}
.SumMoney .Diamond img{height:40px;margin:20px auto;}

.SumMoney .SumSum{width:45%;padding:5px 0 0 96px;float:left;color:#fff;line-height:1.5em;text-align:left}
.SumMoney .SumSum span{width:100%;font-size:.8em;float:left}
.SumMoney .SumSum b{width:100%;font-size:.9em;float:left}

.SumMoney .TakeMoney{width:45%;float:right;font-size:.8em;line-height:2.5em}
.SumMoney .TakeMoney a{color:#fff;border-radius:4px;background:#ff9c00;padding:0 1.2em;float:right;margin-top:15px;}

.SumTitle{width:100%;line-height:2.5em;font-size:.8em;color:#505050;display:inline-block;background:#f1f1f1;float:left}
.SumItem{width:100%;border-bottom:1px solid #ddd;display:inline-block}
.SumItem li{width:50%;border-right:1px solid #ddd;padding:15px 0;float:left;line-height:1.5em;}
.SumItem li b,.SumItem li span{width:100%;float:left}
.SumItem li span{font-size:.8em;color:#686868}
.SumItem li b i{font-weight:normal;font-size:.8em;padding-right:.3em}

.TakeRecord{width:100%;line-height:1.5em;color:#505050;display:table;margin-top:10px;border-collapse:collapse;}
.TakeRecord th,.TakeRecord td{border:1px solid #ddd;font-size:.8em;font-weight:normal;padding:3px}
.TakeRecord th{background:#f1f1f1}
.TakeRecord td.Rtd{text-align:left;padding-left:1.5em}

.LoadMore{width:94%;margin:15px 3%;line-height:2.5em;font-size:.8em;color:#505050}
.LoadMore:hover{color:#339efe}